<template>
  <div class='search'>
    <div class="searchInput">
      <div>
        <input type="text" placeholder="车架号">
      </div>
    </div>
    <div class="weui-cells searchbar-result">
        <div  class="weui-cell" hover-class="weui-cell_active" v-for="(item,index) in data" :key="index" >
        <div class="weui-cell__bd"  >
          <div>{{item}}</div>
        </div>
        </div>
    </div>
    
  </div>
</template>

<script>
  export default {
    data() {
      return {
        data: ["第一条数据","第二条数据"]
      }
    },
    methods:{
   
    }
  }
</script>


<style lang="scss" scoped>
  .search {
    height: 100%;
    width: 100%;
    position: fixed;
    top:0;
    left: 0;
    background-color: #F2F2F2;
    .searchInput {
      padding-top: 40rpx;
         background-color: #F2F2F2;
      div {
        position: relative;
      }

      div:after {
        content: "";
        display: block;
        position: absolute;
        top: 18rpx;
        left: 70rpx;
        width: 33rpx;
        height: 34rpx;
        background: url('../../../static/images/search.png') no-repeat;
        background-size: cover;
      }

      input {
        width: 90%;
        height: 60rpx;
        background-color: #ECECEC;
        border: none;
        // line-height: 60rpx;
        outline: medium;
        border-radius: 20rpx;
        padding-left: 90rpx;
        color: #C1C1C1;
        font-size: 30rpx;
        margin: 0 auto;
        box-sizing: border-box;
      }

    }
  }
</style>
